<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>商品详情</title>
  <link rel="stylesheet" href="./css/core.css">
  <link rel="stylesheet" href="./css/details.css">
  <script src="./libs/jquery.js"></script>
  <script src="./js/code.js"></script>
  <script src="./js/details.js"></script>
  <script src="./libs/fly.js"></script>
  <script src="./libs/lazyload.js"></script>
  

</head>
<body>
  <div class="headBigBox clearFixed">
    <!-- 最顶部 start -->
    <div class="heder big_area clearFixed">
      <div class="h-content area_px clearFixed fs12">
        <p class="fl">您好<span class="h-spn"></span>，欢迎光临特步官方商城！</p>
        <ol class="clearFixed">
          <a href="./reigster.html"><li>注册</li></a>
          <a href="./reigster.html"><li class="delv">登录</li></a>
        </ol>
        <ul class="hdUld fr">
          <li class="fl li1"><a href="">我的特步</a></li>
          <li class="fl li1"><a href="">品牌官网</a></li>
          <li class="fl li3">
            <div>
              <span class="fl"
                ><img src="./images/mobile_icon.png" alt="" /></span
              ><a href="">手机特步<b>∨</b></a>
            </div>
          </li>
          <li class="fl">
            <div>
              <span class="fl"
                ><img src="./images/cart_icon.png" alt="" /></span
              ><a href="" class="txt">购物车<span> &nbsp;(2) 件</span></a>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <!-- 最顶部 end -->
    <!-- nav start  -->
    <div class="nav clearFixed">
      <div class="navConetent">
        <img class="fl" src="./images/tebusb.jpg" alt="" />
        <div class="navBig fl">
          <div class="nav_Input">
            <input type="text" />
            <span>搜索</span>
          </div>
          <ul>
            <li>热门搜索:</li>
            <li>减震旋跑鞋</li>
            <li>山海休闲鞋</li>
            <li>动力巢跑鞋</li>
            <li>猫和老鼠联名款</li>
            <li>游云篮球鞋</li>
          </ul>
        </div>
        <div class="bigUl">
          <ul class="fr navlu2">
            <li><img src="./images/210-70.jpg" /></li>

            <li><img src="./images/huiyuan.jpg" alt="" /></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- nav end  -->
  <!-- 头部导航栏 start  -->
  <div class="h-Navigation">
    <dl class="area_px h-header">
      <dt onmousemove="$('.box').show()" onmouseout="$('.box').hide()">
        <!-- //  -->
        全部商品分类
        <div class="box clearFixed">
          <li class="clearFixed">
            <dl class="clearFixed">
              <dt>男鞋</dt>
              <dd>跑步鞋</dd>
              <dd>篮球鞋</dd>
              <dd>休闲鞋</dd>
              <dd>板鞋</dd>
              <dd>综训鞋</dd>
              <dd>帆布鞋</dd>
              <dd>户外鞋</dd>
            </dl>
          </li>
          <li class="clearFixed">
            <dl>
              <dt>女鞋</dt>
              <dd>休闲鞋</dd>
              <dd>板鞋</dd>
              <dd>综训鞋</dd>
              <dd>帆布鞋</dd>
              <dd>户外鞋</dd>
            </dl>
          </li>
          <li class="clearFixed">
            <dl>
              <dt>科技跑鞋</dt>
              <dd>动力巢科技</dd>
              <dd>减震旋科技</dd>
              <dd>飚速科技</dd>
              <dd>竞速160X</dd>
              <dd>氢云科技</dd>
              <dd>驭能科技</dd>
              <dd>竞训260</dd>
            </dl>
          </li>
          <li class="clearFixed">
            <dl>
              <dt>潮流尖货</dt>
              <dd>二次元</dd>
              <dd>机甲系列</dd>
              <dd>山海系列</dd>
              <dd>国潮天乘</dd>
              <dd>怪兽大学</dd>
              <dd>兔八哥联名</dd>
              <dd>猫和老鼠联名</dd>
              <dd>姜子牙联名</dd>
            </dl>
          </li>
          <li class="clearFixed">
            <dl>
              <dt>男装</dt>
              <dd>运动T恤</dd>
              <dd>休闲T恤</dd>
              <dd>短裤</dd>
              <dd>长裤</dd>
              <dd>针织衫/卫衣/长T</dd>
              <dd>针织衫/卫衣/长T</dd>
              <dd>运动套装</dd>
              <dd>外套夹克</dd>
              <dd>棉服</dd>
              <dd>羽绒股</dd>
            </dl>
          </li>
          <li class="clearFixed">
            <dl>
              <dt>女装</dt>
              <dd>运动T恤</dd>
              <dd>休闲T恤</dd>
              <dd>短裤</dd>
              <dd>长裤</dd>
              <dd>针织衫/卫衣/长T</dd>
              <dd>针织衫/卫衣/长T</dd>
              <dd>运动套装</dd>
              <dd>外套夹克</dd>
              <dd>棉服</dd>
              <dd>羽绒股</dd>
            </dl>
          </li>
        </div>
      </dt>
      <dd><a href="./index.html">首页</a></dd>
      <dd class="dbox" onmousemove="$('.navddbox1').show()" onmouseout="$('.navddbox1').hide()">
        <a>跑步</a>
        
        <div class="navddbox1">
            <div class="dd_left fl">
              <img src="./images/paobu.jpg" alt="">
            </div>
            <div class="dd_right fr">
              <lu>
                <li>
                  <p class="p1">远动表现</p>
                  <a href="">运动鞋</a>
                  <a href="">运动服</a>
                </li>
                <li>
                  <p>运动生活</p>
                  <a href="">休闲鞋</a>
                  <a href="">休闲服</a>
                </li>
                <li>
                  <p>新品推荐</p>
                </li>
                <li class="abox">
                  <p>专题</p>
                  <a href="">山海老爹鞋</a>
                  <a href="">猫和老鼠联名款</a>
                  <a href="" >时尚跑鞋</a>
                </li>
              </lu>
            </div>
          </div>
      </dd>
      <dd class="dbox" onmousemove="$('.navddbox2').show()" onmouseout="$('.navddbox2').hide()">
        <a>男子</a>
        <div class="navddbox2">
            <div class="dd_left fl">
              <img src="./images/nanzi.jpg" alt="">
            </div>
            <div class="dd_right fr">
              <lu>
                <li>
                  <p class="p1">远动表现</p>
                  <a href="">运动鞋</a>
                  <a href="">运动服</a>
                </li>
                <li>
                  <p>运动生活</p>
                  <a href="">休闲鞋</a>
                  <a href="">休闲服</a>
                </li>
                <li>
                  <p>新品推荐</p>
                </li>
                <li class="abox">
                  <p>专题</p>
                  <a href="">山海老爹鞋</a>
                  <a href="">猫和老鼠联名款</a>
                  <a href="" >时尚跑鞋</a>
                </li>
              </lu>
            </div>
          </div>
      </dd>
      <dd class="dbox" onmousemove="$('.navddbox3').show()" onmouseout="$('.navddbox3').hide()">
        <a>女子</a>
        <div class="navddbox3">
            <div class="dd_left fl">
              <img src="./images/nvzi.jpg" alt="">
            </div>
            <div class="dd_right fr">
              <lu>
                <li>
                  <p class="p1">远动表现</p>
                  <a href="">运动鞋</a>
                  <a href="">运动服</a>
                </li>
                <li>
                  <p>运动生活</p>
                  <a href="">休闲鞋</a>
                  <a href="">休闲服</a>
                </li>
                <li>
                  <p>新品推荐</p>
                </li>
                <li class="abox">
                  <p>专题</p>
                  <a href="">山海老爹鞋</a>
                  <a href="">猫和老鼠联名款</a>
                  <a href="" >时尚跑鞋</a>
                </li>
              </lu>
            </div>
          </div>
      </dd>
      <dd class="dbox" onmousemove="$('.navddbox4').show()" onmouseout="$('.navddbox4').hide()">
        <a>儿童</a>
        <div class="navddbox4">
            <div class="dd_left fl">
              <img src="./images/ertong.jpg" alt="">
            </div>
            <div class="dd_right fr">
              <lu>
                <li>
                  <p class="p1">童鞋</p>
                  <a href="">跑步鞋</a>
                  <a href="">休闲鞋</a>
                </li>
                <li>
                  <p>童装</p>
                  <a href="">短袖</a>
                  <a href="">短裤</a>
                </li>
                <li>
                  <p>新品推荐</p>
                </li>
                <li class="abox">
                  <p>优惠活动</p>
                  <a href="">关注 "特步官方商城" 微信公众号,回复优惠券领取</a>
                 
                </li>
              </lu>
            </div>
          </div>
      </dd>
      <dd class="dbox" onmousemove="$('.navddbox5').show()" onmouseout="$('.navddbox5').hide()">
        <a>配件</a>
        <div class="navddbox5">
            <div class="dd_left fl">
              <img src="./images/peijian.jpg" alt="">
            </div>
            <div class="dd_right fr">
              <lu>
                <li><p>运动包</p></li>
                <li><p>运动袜</p></li>
                <li>
                  <p>帽子</p>
                 
                </li>
                <li>
                  <p>护具</p>
                </li>
                <li>
                  <p>内裤</p>
                </li>
                <li class="abox">
                  <p>优惠活动</p>
                  <a href="">关注 "特步官方商城" 微信公众号,回复优惠券领取</a>
                </li>
              </lu>
            </div>
          </div>
      </dd>
      <dd class="dbox" onmousemove="$('.navddbox6').show()" onmouseout="$('.navddbox6').hide()">
        <a>马拉松</a>
        <div class="navddbox6">
          <div class="dd_left fl">
            <img src="./images/malasong.jpg" alt="" />
          </div>
          <div class="dd_right fr">
            <lu>
              <li>
                <p class="p1">竞速160</p>
                
              </li>
              <li>
                <p>竞训300</p>
               
              </li>
              <li>
                <p>跑步服饰系列</p>
              </li>
              <li class="abox">
                <p>马拉松专题</p>
                <a href="">沈阳马拉松</a>
                <a href="">成都马拉松</a>
                <a href="">太原马拉松</a>
              </li>
              <li class="abox">
                <p>优惠活动</p>
                <a href="">关注 "特步官方商城" 微信公众号,回复优惠券领取</a>
              </li>
            </lu>
          </div>
        </div>
      </dd>
      <dd class="h_dl_last"><a>团购定制</a></dd>
    </dl>
  </div>
  <!-- 头部导航栏 end  -->

  <!-- 中间内容区 start  -->
  <div class="detailsBox clearFixed">
    <div class="d-header area_px">
      <p><a href="#">首页 > </a><a href="#">产品系列 ></a> 【山海东方腔调】女子休闲鞋  戏韵国粹时尚厚底老爹鞋879418320033</p>
      
    </div>
    <div class="goodsmain area_px">
        <div class="pro-left fl clearFixed">
          <div class="bigImg fl">
            <div class="datu">
                <img class="smallImg"  src="./images/fdjtu1.jpg" alt="">
                <div class="smallArea"></div>
     
            </div>
            <img src="./images/xixi.jpg" alt="">
          </div>
          <div class="bigArea">
              <img class="bigImgbig" src="./images/fdjtu1.jpg" alt="">
          </div>
      
          <ul class="fdjUl">
            <li>
              <img src="./images/fdjtu1.jpg" alt="">
            </li>
            <li>
              <img src="./images/fdjtu2.jpg" alt="">
            </li>
            <li>
              <img src="./images/fdjtu3.jpg" alt="">
            </li>
            <li>
              <img src="./images/fdjtu4.jpg" alt="">
            </li>
            <li>
              <img src="./images/fdjtu5.jpg" alt="">
            </li>
          </ul>
        </div>

        <div class="pro-right clearFixed">
          <h2>
            【山海东方腔调】女子休闲鞋  戏韵国粹时尚厚底老爹鞋879418320033     
          </h2>
          <div class="price">
            <div class="main-price">
              <span class="span1">官方折扣价</span>
              <span class="span2">
                ￥<b class="price1">339.00</b>
              </span>
              <div class="code">
                <img src="./images/code_icon.png" alt="">
              </div>
            </div>
            <div class="jiangjia">
              <span>77%</span> ￥<i class="ji">439.00</i> (降价通知)
            </div>
            <ul class="pingjia">
              <li>累计评价:<span>0</span></li>
              <li>累计销售:<span>387</span></li>
            </ul>
            <div class="chuxiao">促销信息:</div>
          </div>
          <div class="shoesInfo">
            <div class="shoesColor">
              <p>颜&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;色 :</p>
              <ul>
                <li class="anlietu1"><img src="./images/fdjtu1.jpg" alt=""></li>
                <li><img src="./images/fdjtu2.jpg" alt=""></li>
                <li><img src="./images/fdjtu3.jpg" alt=""></li>
    
              </ul>
            </div>
            <div class="shoesSize">
              <p>尺&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码 :</p>
              <dl>
                <dt>39</dt>
                <dd>35码</dd>
                <dd>36码</dd>
                <dd>37码</dd>
                <dd>38码</dd>
              </dl>
              <div class="sizeImg">
                <img src="./images/size_xq.png" alt="">
                <span>尺码详情</span>
              </div>

            </div>
            <div class="myBuy">
              <p>我 要 买 :</p>
             <div class="quantity">
               <span class="spn-reduce">-</span>
               <i>1</i>
               <!-- <input type="text" value="1" class=".i"> -->
               <span class="spn-add">+</span>
             </div>
             <b>件</b>
             (库存7件)
            </div>
            <div class="bigBox">
              <div class="settlement">
                <span></span>
              加入购物车
              </div>
              <div class="fastBuy">
                立即购买
              </div>
            </div>
          </div>
        </div>
    </div>
  </div>
  <!-- 侧边定位 start  -->
  <div id="allrightshow">
  <div class="allright_top">
    <a href=""><i class="i_1"></i></a>
    <div class="car clearFixed">
      <i></i>
      购物车
      <b class="shuliang">0</b>
    </div>
    <script>
      $(function(){
        $(".allright_top .car").on("click",()=>{
          location="./carts.html";
        })
      });
    </script>
    <div id="msg">已成功加入购物车！</div>
    <div class="kefu clearFixed"><i></i> 联系客服</div>
    <div class="ewm">
      <i></i>
    </div>
    <div class="tp clearFixed"><i></i></div>
  </div>
</div>
<!-- 侧边定位 end  -->

  <!-- 中间内容区 end  -->
  <div class="feigexian"></div>

  
  <!-- 内容简介 start -->
  <div class="introductionBox clearFixed">
    <div class="proBox area_px clearFixed">
      <div class="pro-left clearFixed">
          <div class="mod-H">
            商城搜索
          </div>
          <form class="pro-search">
            <div class="input"><label for="">关键字</label><input class="inp1" type="text"></div>
            <div class="input"><label for="">价格</label><div class="txt"><input type="text"><span>-</span><input type="text"></div></div>
            <button>搜索</button>
          </form>
          <div class="pro-list">
            <div class="new-pro">
              <p>男鞋</p>
              <img class="lazy" data-original="./images/spx1.jpg" alt="">
            </div>
            <ul>
              <li>跑步鞋</li>
              <li>篮球鞋</li>
              <li>休闲鞋</li>
              <li>板鞋</li>
              <li>综训鞋</li>
              <li>帆布鞋</li>
              <li>户外鞋</li>
            </ul>
          </div>
          <div class="pro-list">
            <div class="new-pro">
              <p>女鞋</p>
              <img class="lazy" data-original="./images/spx2.png" alt="">
            </div>
            <ul>
              <li>跑步鞋</li>
              <li>休闲鞋</li>
              <li>板鞋</li>
              <li>综训鞋</li>
              <li>帆布鞋</li>
              <li>户外鞋</li>
            </ul>
          </div>
          <div class="pro-list">
            <div class="new-pro">
              <p>男装</p>
              <img class="lazy" data-original="./images/spx3.png" alt="">
            </div>
            <ul>
              <li>运动T恤</li>
              <li>休闲T恤</li>
              <li>短裤</li>
              <li>长裤</li>
              <li>针织衫/卫衣...</li>
              <li>运动套装</li>
              <li>外套夹克</li>
              <li>棉服</li>
              <li>羽绒服</li>
            </ul>
          </div>
          <div class="pro-list">
            <div class="new-pro">
              <p>女装</p>
              <img class="lazy" data-original="./images/spx4.png" alt="">
            </div>
            <ul>  
              <li>休闲T恤</li>
              <li>运动T恤</li>
              <li>短裤</li>
              <li>长裤</li>
              <li>运动套装</li>
              <li>针织衫/卫衣...</li>
              <li>外套夹克</li>
              <li>棉服</li>
              <li>羽绒服</li>
              <li>运动胸衣</li>
            </ul>
          </div>
          <div class="pro-list">
            <div class="new-pro">
              <p>童鞋</p>
              <img class="lazy" data-original="./images/spx5.png" alt="">
            </div>
            <ul>
              <li>跑步鞋</li>
              <li>休闲鞋</li>
              <li>板鞋</li>
              <li>篮球鞋</li>
              <li>健康鞋</li>
              <li>凉鞋</li>
            </ul>
          </div>
          <div class="pro-list">
            <div class="new-pro">
              <p>童装</p>
              <img class="lazy" data-original="./images/spx6.png" alt="">
            </div>
            <ul>
              <li>短袖</li>
              <li>短裤</li>
              <li>长裤</li>
              <li>套装</li>
              <li>外套/夹克</li>
              <li>羽绒棉服</li>
              <li>毛衣/卫衣/...</li>
            </ul>
          </div>
          <div class="pro-list">
            <div class="new-pro">
              <p>运动配件</p>
              <img class="lazy" data-original="./images/spx7.png" alt="">
            </div>
            <ul>
              <li>运动包</li>
              <li>运动袜</li>
              <li>帽子</li>
              <li>护具</li>
              <li>内裤</li>
              <li>其他</li>
            </ul>
          </div>
          <div class="pro-salesBox">
             <div class="pro-sales">
               <h3>总销量排行</h3>
               <ul>
                 <li>
                   <img class="lazy" data-original="./images/sales1.jpg" alt="">
                   <div class="proInfo">
                     <p class="proInfo-P1">男子运动中袜 混色男士平板中袜5双装 【特殊商品不支持退换】</p>
                     <p class="proInfo-P2">￥69.00</p>
                     <p class="proInfo-P3">已售出<b>102</b>笔</p>
                   </div>
                 </li>
                 <li>
                  <img class="lazy" data-original="./images/sales2.jpg" alt="">
                  <div class="proInfo">
                    <p class="proInfo-P1">男子夏季短袜 简约柔软男袜子三双装运动袜</p>
                    <p class="proInfo-P2">￥39.00</p>
                    <p class="proInfo-P3">已售出<b>214</b>笔</p>
                  </div>
                </li>
                <li>
                  <img class="lazy" data-original="./images/sales3.jpg" alt="">
                  <div class="proInfo">
                    <p class="proInfo-P1">女子运动袜 新款 (三双装) 舒适短袜四季透气棉质袜子</p>
                    <p class="proInfo-P2">￥39.00</p>
                    <p class="proInfo-P3">已售出<b>0</b>笔</p>
                  </div>
                </li>
                <li>
                  <img class="lazy" data-original="./images/sales4.jpg" alt="">
                  <div class="proInfo">
                    <p class="proInfo-P1">女子板鞋 时尚休闲透气百搭鞋881218319851</p>
                    <p class="proInfo-P2">￥159.00</p>
                    <p class="proInfo-P3">已售出<b>33339</b>笔</p>
                  </div>
                </li>
               </ul>
             </div>
          </div>
          <div class="browse">
            <h3 >最近浏览</h3>
            <img class="fl lazy" data-original="./images/liu1.jpg" alt="">
            <img class="fr lazy" data-original="./images/liu2.jpg" alt="">
          </div>
      </div>
      <div class="pro-right clearFixed">
        <div class="pro-r-h">
          <span class="spa1">商品介绍</span>
          <span>商品评论 <b>10</b></span>
          <p class="code-m fs12">
            手机购买
            <img src="./images/code_icon.png" alt="">
          </p>
        </div>
        <div class="dataliso">
          <ul>
            <li><span>商品名称:</span> &nbsp;【山海东方腔调】女子休闲鞋  戏韵国粹时尚厚底老爹鞋879418320033</li>
            <li><span>款号:</span>&nbsp; 879418320033</li>
            <li><span>品牌:</span> &nbsp;XTEP/特步</li>
            <li><span>性别:</span></li>
            <li><span>颜色分类:</span> &nbsp;白色 灰绿 白绿</li>
            <li><span>尺码:</span> &nbsp;39 35码 36码 37码 38码</li>
            <li><span>市场价:</span> &nbsp;439.00</li>
          </ul>
        </div>
        <div class="spxq">
          <img src="./images/df1.jpg" alt="">
          <img src="./images/df2.jpg" alt="">
          <img src="./images/df3.jpg" alt="">
          <img src="./images/df4.jpg" alt="">
          <img src="./images/df5.jpg" alt="">
          <img src="./images/df6.jpg" alt="">
          <img src="./images/df7.jpg" alt="">
        </div>
        
      </div>
    </div>
      
  </div>
  <!-- 内容简介 end  -->

      <!-- //工作详情 start -->
      <div class="footer-1 area_px clearFixed">
        <dl class="d1">
          <dt>关于我们</dt>
          <dd>公司简介</dd>
          <dd>联系我们</dd>
        </dl>
        <dl>
          <dt>购物指南</dt>
          <dd>常见问题</dd>
          <dd>用户注册</dd>
          <dd>购物流程</dd>
        </dl>
        <dl>
          <dt>售后服务</dt>
          <dd>配送方式</dd>
          <dd>防伪查询</dd>
          <dd>发票制度</dd>
        </dl>
        <div class="foot-2_txt fr">
          <h1>400-008-7666</h1>
          <div class="p1">周一至周日 8:30-21:30</div>
          <a
            href="javascript:;"
            onclick="NTKF.im_openInPageChat('kf_9707_1414986472014');"
          ></a>
          <div class="p1">周一至周日 8:30-21:30</div>
        </div>
      </div>
      <!-- //工作详情 end  -->
  
      <!-- 尾部导航栏 start  -->
      <div class="clearFixed footer3">
        <div class="footer_nav area_px">
          <img src="./images/x-footer.jpg" alt="" />
        </div>
      </div>
      <!-- 尾部导航栏 end  -->
      <!-- 尾部备案号 start  -->
      <div class="footer_bah area_px">
        <ul class="clearFixed">
          <a href="">
            <li class="li1">关于特步</li>
          </a>
          <a href="">
            <li>帮助中心</li>
          </a>
          <a href="">
            <li>友情链接</li>
          </a>
          <a href="">
            <li>联系我们</li>
          </a>
        </ul>
        <p>
          特步跑鞋 Copyright 2011 xtep.com 特步运动服 All Rights Reserved
          特步官方旗舰店 ICP：<a
            href="https://beian.miit.gov.cn/#/Integrated/index"
            >闽ICP备05021253号-1
          </a>
          特步官网专卖店
        </p>
        <p class="p1">
          <img src="./images/1234.png" alt="" />闽公网安备 35020302001628号
        </p>
      </div>
      <!-- 尾部备案号 end  -->
  
      <!-- 首页结尾 start  -->
      <div class="footerbig">
        <div class="footerend">
          <img src="./images/onlinepay.jpg" alt="" />
          <img src="./images/goodwebsite.jpg" alt="" />
          <img src="./images/salf.jpg" alt="" />
          <img src="./images/ei_normal.png" alt="" />
          <img src="./images/brand_bottom_large.jpg" alt="" />
        </div>
      </div>
      <!-- 首页结尾 end  -->
   
</body>
</html>